<!DOCTYPE html>
<html>
<head>
    <title>系统消息管理</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/font-awesome.min.css">
    <link rel="stylesheet" href="/plugins/bootstrap-validator/css/bootstrapValidator.min.css">
    <link rel="stylesheet" href="/plugins/bootstrap-table/bootstrap-table.min.css">
    <link rel="stylesheet" href="/css/AdminLTE.min.css">
    <link rel="stylesheet" href="/css/index.css">
    <script src="/libs/jquery.min.js"></script>
    <script src="/plugins/layer/layer.js"></script>
    <script src="/libs/bootstrap.min.js"></script>
    <script src="/libs/vue.min.js"></script>
    <script src="/plugins/bootstrap-validator/js/bootstrapValidator.js"></script>
    <script src="/plugins/bootstrap-validator/bootstrapValidatorExt.js"></script>
    <script src="/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
    <script src="/js/common/bootstrap-table-object.js"></script>
    <script src="/plugins/jqgrid/jquery.jqGrid.min.js"></script>
    <script src="/js/common.js"></script>
</head>
<body>
<div id="app" v-cloak>
    <section class="content-header" style="height: 46px;">
        <h1>
            <span>系统消息管理</span>
            <small></small>
        </h1>
    </section>

    <section class="content">
        <table v-show="showList" width="100%" border="0" cellspacing="0" cellpadding="3">
            <tr>
                <td style="height: 60px; border-bottom: 1px solid #cfd8e0;">
                    <div class="box" style="background: #fff; margin: 0px; border-top: 3px solid #337ab7; border-radius: 3px; padding: 10px;">
                        <table width="100%" border="0" style="margin-bottom: 0px;">
                            <TR>
                                <td class="top-bottom-5" width="6%" style="text-align: right;padding-right: 10px;"><label>标题</label></td>
                                <td class="top-bottom-5" width="20%" style="text-align: left;">
                                    <div class="has-feedback">
                                        <input id="title" type="text" class="form-control"  placeholder="标题">
                                        <!--删除按钮-->
                                        <a onclick="clearInput(this)" class="glyphicon glyphicon-remove btn form-control-feedback" style="pointer-events: auto"></a>
                                    </div>
                                </td>

                                <td>
                                    <div class="pull-right">
                                        <a class="btn btn-default" onclick="BaseTable.search()"><i class="fa fa-search"></i>查询</a>
                                    </div>
                                </td>
                            </TR>
                        </table>
                    </div>
                </td>
            </tr>
            <tr>
                <td height="100%" valign="top" style="height: 30px; border-bottom: 1px solid #cfd8e0;">
                    <div style="overflow: hidden; width: 100%; background: #fff;  padding: 10px;" class="box-body">
                        <button  type="button" class="btn btn-primary pull-right"  @click="add" id="button_01"
                                 style="margin-bottom:10px;"><i class="fa fa-plus"></i>&nbsp;新增
                        </button>
                        <button  type="button" class="btn btn-danger pull-right" @click="del"
                                 style="margin-bottom:10px;margin-right: 10px"><i class="fa fa-trash-o"></i>&nbsp;删除
                        </button>
                        <table id="table"></table>
                    </div>
                </td>
            </tr>
        </table>

        <div id="showList" v-show="!showList" class="container" style="display: none">
            <form class="form-horizontal" style="width: 100%;padding-top: 0px"  id="Form">
                <div class="row">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title">
                                基本信息
                            </h4>
                        </div>
                        <div class="modal-body">
                            <div class="form-group" style="margin-top: 20px">
                                <div class="col-md-2 control-label">标题名称：<span class="required required_span">*</span></div>
                                <div class="col-md-8">
                                    <input type="text" name="title" class="form-control" v-model="data.title" placeholder="标题名称"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-md-2 control-label">标题内容：<span class="required required_span">*</span></div>
                                <div class="col-md-8" style="margin-top: 5px">
                                   <textarea name="content" style="width: 100%" cols="4" v-model="data.content">

                                   </textarea>
                                </div>
                            </div>


                            <div class="form-group">
                                <div class="col-md-2 control-label"></div>
                                <button id="SBbutton" type="submit" class="btn btn-primary">确认</button>
                                &nbsp;&nbsp;
                                <input type="button" class="btn btn-warning" @click="reload" value="返回"/>
                            </div>
                        </div>

                    </div>
                </div>
            </form>
        </div>
    </section>

</div>

<script src="/js/modules/wx/msg.js"></script>
</body>
</html>